.container {
  position: relative;
}

.ui-load {
  width: 100%;
  height: 100%;
  position: relative;
}

.loadinner {
  position: absolute;
  width: 228px;
  height: 265px;
  left: 50%;
  top: 147px;
  margin-left: -114px;
  text-align: center;
  overflow: hidden;
  background: url("http://7xozxc.com1.z0.glb.clouddn.com/kaola/img/load_bottom@457x529.png") no-repeat 0 0;
  background-size: 228px 265px;
  .ship {
    position: absolute;
    width: 194px;
    height: 50px;
    left: 17px;
    top: 143px;
    z-index: 1;
    background: url("http://7xozxc.com1.z0.glb.clouddn.com/kaola/img/ship@389x100.png") no-repeat 0 0;
    background-size: 194px 50px;
  }
  .umbrella {
    position: absolute;
    width: 75px;
    height: 61px;
    left: 50px;
    top: 99px;
    z-index: 2;
    background: url("http://7xozxc.com1.z0.glb.clouddn.com/kaola/img/umbrella@151x123.png") no-repeat 0 0;
    -webkit-transform-origin:100% 100%;
    -moz-transform-origin:100% 100%;
    transform-origin: 100% 100%;
    -webkit-animation: smallRotate 5s linear infinite;
    background-size: 75px 61px;
  }
  .kola {
    position: absolute;
    width: 65px;
    height: 73px;
    left: 110px;
    top: 109px;
    z-index: 3;
    background: url("http://7xozxc.com1.z0.glb.clouddn.com/kaola/img/kola@130x147.png") no-repeat 0 0;
    background-size: 65px 73px;
  }
  .wave_gray {
    position: absolute;
    width: 100%;
    height: 22px;
    left: 21px;
    top: 183px;
    z-index: 4;
    background: url("http://7xozxc.com1.z0.glb.clouddn.com/kaola/img/wave_gray@406x44.png") repeat-x 0 0;
    -webkit-animation: wave 10s linear infinite;
    animation: wave 10s linear infinite;
    background-size: auto 22px;
  }
  .wave_red {
    position: absolute;
    width: 100%;
    height: 22px;
    left: 0px;
    top: 183px;
    z-index: 5;
    background: url("http://7xozxc.com1.z0.glb.clouddn.com/kaola/img/wave_red@352x44.png") repeat-x 0 0;
    -webkit-animation: wave 8s linear infinite;
    animation: wave 8s linear infinite;
    background-size: auto 22px;
  }
  .load-txt {
    position: absolute;
    width: 180px;
    bottom: 22px;
    left: 24px;
    text-align: center;
    font-weight: bold;
    z-index: 6;
    font-size: 15px;
    color: #b13856;
  }
}

.left_arrow, .swiper-button-prev {
  display: block;
  background: url(http://7xozxc.com1.z0.glb.clouddn.com/kaola/img/arraw_left@35x45.png) center center no-repeat;
  background-size: 36% auto;
  position: absolute;
  height: 50px;
  width: 50px;
  left: 0;
  top: 50%;
  margin-top: -25px;
  -webkit-animation: swipeMove 2s linear infinite;
  animation: swipeMove 2s linear infinite;
  z-index: 2000;
}

.right_arrow, .swiper-button-next {
  display: block;
  background: url(http://7xozxc.com1.z0.glb.clouddn.com/kaola/img/arraw_right@35x45.png) center center no-repeat;
  background-size: 36% auto;
  position: absolute;
  height: 50px;
  width: 50px;
  right: 0;
  top: 50%;
  margin-top: -25px;
  z-index: 2000;
  -webkit-animation: swipeMove 2s linear infinite;
  animation: swipeMove 2s linear infinite;
}

/* 全局音频元件 */
.u-globalAudio {
  color: #b13856;
  text-decoration: none;
  font-size: 12px;
  position: absolute;
  right: 12px;
  z-index: 1000;
  top: 70px;
  display: block;
  z-index: 9999;
}
.u-globalAudio span {
  position: absolute;
  left: -22px;
  top: 8px;
  letter-spacing: 2px;
  -webkit-transition: all .2s linear;
  opacity: 0;
  -webkit-transform: translateX(-10px);
  color: #FFF;
  font-weight: bold;
}
.u-globalAudio .icon-music {
  width: 27px;
  height: 27px;
  background: url(http://7xozxc.com1.z0.glb.clouddn.com/kaola/img/units-icons.png) 0px 0px no-repeat;
  background-size: 83px 31px;
  display: block;
}
.u-globalAudio.z-play .icon-music {
  -webkit-animation: reverseRotataZ 1.2s linear infinite;
}
.u-globalAudio span.z-show {
  opacity: 1;
}

.italy {
  .italy_run {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    top: 65%;
    width: 48%;
    height: auto;
    -webkit-animation: run 4s infinite ease;
    animation: run 4s infinite ease;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .italy {
    .italy_run {
      top: 60%;
    }
  }
}